<script setup>
defineProps({
  textSize: {type: String, default: 'text-5xl'},
  textLightCol: {type: String, default: 'text-neutral-900'},
  textDarkCol: {type: String, default: 'text-gray-100'},
})
</script>

<template>
  <div class="logo z-10">
    <div class="text" :class="[textLightCol, `dark:${textDarkCol}`, textSize]">
      <h1>小尾巴</h1>
    </div>
  </div>
</template>

<style scoped lang="scss">
.logo {
  user-select: none;
  cursor: pointer;

  .text {
    font-family: title, serif;
    text-stroke: 0.5px #fefefe;
    -webkit-text-stroke: 0.5px #fefefe;
  }
}
</style>